<template>
  <van-cell-group class="hu-cell-group">
    <template #title>
      <svg-icon :iconClass="icon" v-if="icon" class="hu-cell-group--icon" />
      <span>{{ title }}</span>
    </template>
    <slot name="default"></slot>
  </van-cell-group>
</template>

<script>
export default {
  name: "HuCellGroup",
  props: {
    title: {
      type: String,
      default: "",
    },
    icon: {
      type: String,
      default: "",
    },
  },
};
</script>

<style lang="less" scoped>
.hu-cell-group--icon {
  margin-right: 8px;
}
</style>
